<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>文本处理标签</title>
    </head>
    <body>
        <!--空格折叠现象:将连续多个空格与换行都折叠成一个空格进行显示-->
        第二个网页的    内容
        <br><!--单标签换行标签-->
        <!--文本基础效果标签-->
        <!--文字加粗-->
        <b>加粗文字 bold</b>
        <i>斜体文字 italic</i>
        <u>下划线文字 underline</u>
        <s>删除线文字 strikethrough</s>
        <mark>高亮文字 highlight </mark>
        <a href="http://www.baidu.com">百度</a>
        <br>

         I like eat &lt;tom&gt; for &nbsp;&nbsp;&nbsp;肉
         <div>
             <!--标题标签 加粗 修改字号 有垂直方向的行间距 内容独占一行-->
             <h1>一级标题</h1>
             <h2>二级标题</h2>
             <h3>三级标题</h3>
             <h4>四级标题</h4>
             <h5>五级标题</h5>
             <h6>六级标题</h6>
         </div>
        <div>
            <!--段落标签  有垂直方向的行间距 内容独占一行-->
            <p>段落标签</p>
            <p>段落标签</p>
            <p>段落标签</p>
        </div>
        <!--分割线标签-->
        <hr>
        <div>
            <!--假文 输入lorem 后按Tab补全-->
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam assumenda at blanditiis consectetur corporis distinctio, et eum incidunt itaque labore libero molestiae quam quis. Eum hic nisi nostrum obcaecati vero!
        </div>
        <div>
            <!--有序列列表标签 ol (ordered list) li (list item列表项)-->
            <!--type 属性: A 1 a I (罗马数字大写) i -->
            <ol type="i">
                <li>列表1</li>
                <li>列表2</li>
                <li>列表3</li>
            </ol>
            <!--无序列表标签 ul (unordered list) li (list item 列表项)-->
            <ul type="none">
                <li>列表1</li>
                <li>列表2</li>
                <li>列表3</li>
            </ul>
            <hr>
        </div>
        <div>
            <ul type="none">
                <li>
                    热菜
                    <ol type="1">
                        <li>西红柿鸡蛋</li>
                        <li>水煮肉片</li>
                        <li>宫保鸡丁</li>
                        <li>麻婆豆腐</li>
                    </ol>
                </li>
                <li>
                    凉菜
                    <ol type="A">
                        <li>凉拌菜心</li>
                        <li>凉拌西红柿</li>
                        <li>凉拌花菜</li>
                    </ol>
                </li>
                <li>
                    主食
                    <ol type="I">
                        <li>米饭</li>
                        <li>面条</li>
                        <li>炒饭</li>
                    </ol>
                </li>
            </ul>

            <hr>

        </div>
        <div>
            <h1>个人简历</h1>
            <h3>基本信息</h3>
            <p>姓名:<b>张三</b></p>
            <p>性别:男</p>
            <p>爱好:<s>摄影</s></p>
            <h3>个人经历</h3>
            <ul>
                <li>小学9年</li>
                <li>中学10年</li>
                <li>大学11年</li>
            </ul>
            <h3>获得荣誉</h3>
            <ol>
                <li>校级一等奖</li>
                <li>校级二等奖</li>
                <li>全国菜鸡一等奖</li>
            </ol>
        </div>
    </body>
</html>